﻿
<div ng-controller="navController">
    <nav class="navbar navbar-default navbar-shiguang navbar-static-top" data-nav="#abouts">
        <div class="container-fluid">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" aria-expanded="false" data-target=".navbar-collapse">
                    <span class="sr-only">导航</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="/">Demo</a>

            </div>
            <div class="navbar-collapse collapse">
                <ul class="nav navbar-nav navbar-respond">
                    <li ng-class="{active:navId=='home'}" ng-click="select('home')"><a href="">网站首页</a></li>
                    <li ng-class="{active:navId=='product'}" ng-click="select('product')"><a href="">作品欣赏</a></li>
                    <li ng-class="{active:navId=='news'}" ng-click="select('news')" ng-hide="true"><a href="">新闻动态</a></li>
                    <li ng-class="{active:navId=='active'}" ng-click="select('active')"><a href="">优惠活动</a></li>
                    <li ng-class="{active:navId=='process'}" ng-click="select('process')"><a href="">合作流程</a></li>
                    <li ng-class="{active:navId=='about'}" ng-click="select('about')"><a href="">关于我们</a></li>
                    <li ng-class="{active:navId=='contect'}" ng-click="select('contect')"><a href="">联系我们</a></li>
                </ul>
                <ul class="nav navbar-nav navbar-right" >
                    <li class="dropdown" ng-show="loginFlag=='true'">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="true">{{userName}} <span class="caret"></span></a>
                        <ul class="dropdown-menu">
                            <li><a href="">完善中，敬请期待...</a></li>
                            <li><a href="" ng-click="loginOut()">退出登录</a></li>
                        </ul>
                    </li>
                    <li class="" ng-show="loginFlag=='false'"><a href="" ng-click="showLogin()">注册 | 登录</a></li>
                </ul>
            </div>
        </div>
    </nav>
    <!-- Modal -->
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="myModalLabel" style="color: #3A863A; "><span class="glyphicon glyphicon-user"></span> 会员登录</h4>
                </div> 
                <div class="modal-body">
                    <form name="formLogin">
                        <div class="input-group input-group-lg">
                            <span class="input-group-addon" id="sizing-addon2">登录账号</span>
                            <input type="text" class="form-control" placeholder="如：user" aria-describedby="sizing-addon2" ng-model="loginName" name="loginName" required>
                        </div>
                        <div style="height:10px;"></div>
                        <div class="input-group input-group-lg">
                            <span class="input-group-addon" id="sizing-addon2">登录密码</span>
                            <input type="password" class="form-control" placeholder="" aria-describedby="sizing-addon2" ng-model="password" name="password" required>
                        </div>                        
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-success" ng-click="login()" ng-disabled="formLogin.loginName.$invalid||formLogin.password.$invalid">登录</button>
                    <a class="btn btn-danger" href="/user/regist" role="button">注册账号</a>
                </div>
            </div>
        </div>
    </div>
</div>



